<%@ page contentType="text/html;charset=UTF-8" %>
<%@ include file="/WEB-INF/layouts/include/taglib.jsp" %>

<!DOCTYPE html>
<html lang="zh-cn">
<head>
<meta charset="utf-8">
<meta name="decorator" content="default" />

<script type="text/javascript">
 var uuid = "${param.uuid}";
 var isRead="${param.isRead}";
 var datatable;
</script>
</head>
<body>
<div id="addDiv" class="row clearfix ">
		<div class="col-xs-12">
			<div class="row row-default border-ra2 f-mb15">
				<div class="col-xs-12">
					<div class="row">
						<div class="col-xs-6">
							<h2 class="header header-default">
								<span id="typeTitle">消息通知</span>
							</h2>
						</div>
					</div>
					<div class="row">
						<div class="tabbable">
							<ul class="nav nav-tabs padding-12 tab-color-blue background-blue" id="messageUl">
								<li>
									<a data-toggle="tab" href="#" key="20000002" >未读消息</a>
								</li>
								<li>
									<a data-toggle="tab" href="#" key="20000001">已读消息</a>
								</li>
							</ul>
							<div class="tab-content">
								<div id="message" class="tab-pane in active">
								<form class="form-horizontal" role="form" name="readForm" id="readForm" action="" method="get">
									<input type="hidden" id="isRead">
								</form>
									<div class="table-responsive">
										<table id="messageTable" class="table table-striped table-bordered table-hover">
											<thead>
												<tr>
													<th width="10%">查看</th>
													<th width="60%">消息标题</th>														
													<th width="15%">消息创建时间</th>
													<th width="15%">消息阅读时间</th>
												</tr>
											</thead>
											<tbody>
											</tbody>
										</table>
									</div>
								</div>
							</div>
						</div>
					</div><!-- /span -->
				</div>
			</div>
			
			 <div class="row row-default border-ra2" >
				<div class="col-xs-12">
					<div class="row row-content" id="msgInfoUl">
									
	               	</div>
               	</div>
            </div> 
        </div>
</div>
				
<script src="${ctx}/messageInfo.js"></script>
<script type="x-teml-mustache" id="showMegInfo">
	{{#data}}
		<div class="col-sm-12">
			<div class="widget-box">
				<div class="widget-header widget-header-flat">
						<h4>消息详细信息</h4>
				</div>
				<div class="widget-body">
					<div class="widget-main">
						<div class="col-sm-2 center-block">
									标题
						</div>
						<div class="col-sm-10 center-block">
									{{msgTitle}}
						</div>	
					</div>													
					<hr />														
					<div class="row row-content">
						<div class="col-sm-2 center-block">
							消息内容
						</div>
						<div class="col-sm-10 center-block">
									<a href="${ctx}{{busiUrl}}"><i class="icon-eye-open bigger-130"></i>{{msgInfo}}</a>						
						</div>	
					</div>
					<hr />			
					<div class="row row-content">
						<div class="col-sm-2 center-block">
							消息创建时间
						</div>
						<div class="col-sm-10 center-block">
							{{#formatDt}}{{msgCrateDt}}{{/formatDt}}
						</div>	
						</div>
						<hr />
					{{#msgReadDt}}												
						<div class="row row-content">
							<div class="col-sm-2 center-block">
									消息阅读时间
							</div>
							<div class="col-sm-10 center-block">
									{{#formatDt}}{{msgReadDt}}{{/formatDt}}
							</div>																				
						</div>
					{{/msgReadDt}}
			
		</div>
	</div>
	{{/data}}
</script>
</body>
</html>
